html{
    font-size: 100px;
}
body{
    font-family: Helvetica,sans-serif;
    color: #333;
}
.head{
    font-size: .2rem;
    display: flex;
    padding: 0 .1rem;
    height: 0.485rem;
    line-height: 0.485rem;
}
.inp{
    height: .35rem;
    line-height: .35rem;
    display: inline-block;
    margin: auto;
    padding: 0 .1rem;
    width: 2.9rem;
    background: #F6F6F6;
    border-radius: 8px;
    display: flex;
}
.inp input{
    border: none;
    background: #F6F6F6;
    outline-color:none;
    outline-style:none;
}
.inp .icon{
    display: inline-block;
}
/* 搜索框的× */
.xx{
  margin-left: auto;
  font-size: .12rem;
  border-radius: 50%;
  color: #aaa;
}
.xx2{
    margin-left: auto;
  font-size: .12rem;
  border-radius: 50%;
  color: #aaa; 
}

.head-z{
    display: inline-block;
}
.head-y{
    width: 0.3rem;
    position: relative;
}
.head-y .icon{
    font-size: .2rem;
    position: absolute;
    top: 50%;
    margin-top:-.1rem;
    right: 0;
}
.filter-bar{
    height: 0.485rem;
    line-height: .485rem;
    border-bottom: solid 1px #ededed;
    border-top: solid 1px #ededed;
}
.filter-bar ul{
    display: flex;
}
.clickfil{
    color: #e6133c !important;
}
.filter-bar ul li{
    flex:1;
    font-size: .16rem;
    color: #777777;
    display: flex;
    justify-content: center;
}

.multiple-filterbar ul{
    height: 0.43rem;
    display: flex;
    border-bottom: solid 1px #ededed;
}
.multiple-filterbar ul li{
    flex: 1;
    margin: .08rem .05rem;
    border-radius: .08rem;
    background: #F6F6F6;
    font-size: .14rem;
    color: #777777;
    line-height:.27rem;
    text-align: center;
}

.goods-k li{
    padding: .22rem .11rem .11rem .198rem;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
}



.goods-referral{
    display: flex;
    flex-direction: column;
    font-size: .16rem;
}
.title{
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: #333333;
    margin-bottom: 0.15rem;
    line-height: 1.5;
}
.zhekou{
    height: 0.19rem;
    margin-bottom: .15rem;
}
.goods-foot{
    display: flex;
  margin-top: auto;
  position: relative;
 

}
.price{
    font-size: 0.2rem;
    color: #FF6F6F;
    margin-right: .25rem;
}
.com,.hao{
    color: #999999;
    overflow: hidden;
    height: 0.16rem;
    width: 0.16rem;
    
}
.comment,.haoping{
    color: #999999;
    display: inline-block;
    vertical-align: auto;
    font-size: .12rem;
    
}
.com .icon,.hao .icon{
    font-size: .16rem;
}
.hao .icon{
    transform: scale(2)
}
.comment{
margin-right: .1rem;
}
.addcar{
    transform: scale(2);
    margin-left: auto;
    margin-right: .05rem;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    color: #FF6F6F;
    width: 0.16rem;
    height: 0.16rem;
    background:url(../images/cart.cdf05aa.png) no-repeat center center;
    background-size: .08rem .08rem;
}

.goods-img{
    display: block;
    width: 1.27rem;
    height: 1.27rem;
    background:#aaa;
    margin-right: .11rem;
}

.col-show{
    background: aliceblue;
    display: none;
}
/* 点击改变列表 */
.row-goods-img{
    display: block;
   width: 1.82rem;
   height: 1.82rem;
   margin-bottom: .2rem;
}
.goods-k .row-goods-list{
    padding: 0.05rem;
    margin: 0.05rem;
    width: 1.93rem;;
    height: 3.74rem;
    display: block;

}
.row{
    display: flex;
   flex-wrap: wrap; 
   transition: all 500ms;
}
.row-price{
    margin-right: auto;
}
.row-addcar{
    position: absolute;
    right: 0;
    top:-.3rem;
}

/* 点击input左滑进入搜索界面 */

.search .inp{
    margin-left: 0rem;
}
.search .head{
    border-bottom: 1px solid #e7e7e7;
    padding: 0 .15rem;
}
.search-container{
    padding: 0 .15rem;
}
.row-herd-y{
    width: 0.18rem;
    height: 100%;
    width: auto;
    font-size: .14rem;
}
.search-container{
    font-size: .16rem;
}
.record{
    display: flex;
    margin: .15rem 0; 
}
.del{
    margin-left: auto;
    font-size: .22rem;
}
.zuijin *{
 display: inline-block;
}
.zuijin{
    line-height: .19rem;
}

.record-cont ul,.remen-cont ul{
 display: flex;
 flex-wrap: wrap;

}
.record-cont li,.remen-cont li{
    margin: .1rem .1rem 0 0;
    border: 1px solid #e7e7e7;
    width: 0.75rem;
    height: 0.3rem;
    line-height: .3rem;
    text-align: center;
}
.remen{
    font-size: .16rem;
    margin-top: .25rem;
    margin-bottom: .14rem;
}
.search{
    background: #fff;
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    transition: all .5s;
}
.search-cont{
    width: 4.14rem;
  
}
.fz{
    transform: rotate(180deg);
}
.filter-bar ul li .icon{
    transition: all 500ms;
}
/*  loading动画 */

.loading{
    width: 100%;
    height: 0.3rem;
    background: url(../images/5-121204193948.gif) no-repeat center center;
    background-size: 1.6rem .2rem;
    display: none;
}

/* 搜索无结果 */
.row h5{
    display: block;
    height: 100%;
margin-top:.2rem;
    width: 100%;
    text-align: center;
    line-height: 100%;
    font-size: .16rem;
}

